@import "../base.less";
@import "glide.core.min.less";
@import "glide.theme.min.less";
body {
    background: #fff;
}
.title {
    height: .64rem;
    line-height: .64rem;
    text-align: center;
    font-size: .16rem;
    font-weight: bold;
    vertical-align: middle;
}
.glide {
    position: fixed;
    top: 1.225rem;
    height: 4rem;
    z-index: 9;
    .glide__slide {
        text-align: center;
        img {
            display: inline;
            width: 2.16rem;
        }
    }
    .glide__bullets {
        bottom: -4%;
        left: 0;
        width: 100%;
        height: .12rem;
        text-align: center;
        .glide__bullet {
            box-sizing: border-box;
            width: .15rem !important;
            height: .15rem !important;
            margin: 0 .05rem;
            border: solid 1px #d4d4d4;
            border-radius: 50%;
            &.active {
                background: #00bfff;
            }
        }
    }
}
.frame-mask {
    position: fixed;
    left: 0;
    right: 0;
    top: .64rem;
    z-index: 10;
    height: 4.44rem;
    background: url("../../img/case/frame.png") no-repeat center bottom;
    background-size: 2.5rem;
    pointer-events: none;
}